<!-- route: // name: thirdAuth-->
<template>
  <div class="thirdAuth">
    <div class="thirdAuthBody">
      <!--  两种情况：信息已提交0，申请已驳回1  -->
      <div v-show="type=== 0">
        <div style="display: block;font-size: 80px" class="el-icon-document-checked"></div>
        <div>信息已提交</div>
        <div>等待大鸿签工作人员审核</div>
      </div>
      <div v-show="type=== 1">
        <div style="display: block;font-size: 80px" class="el-icon-document-delete"></div>
        <div>申请已驳回</div>
        <div>
          <div>驳回原因：</div>
          <ul>
            <li>打款金额不一致</li>
            <li>授权书未盖法人章</li>
            <li>对公账户不一致</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="thirdAuthFooter" v-show="type=== 0">
      <el-button type="primary" style="width: 50%" @click="goOut">退出</el-button>
    </div>
    <div class="thirdAuthFooter" v-show="type=== 1">
      <el-button style="width: 25%;" @click="goOut">退出</el-button>
      <el-button style="width: 25%;" type="primary" @click="goCurrentIndex">修改信息</el-button>
    </div>
    <el-button @click="type = type === 1 ? 0 : 1">{{type===1?'查看已提交':'查看已驳回'}}</el-button>
  </div>
</template>

<script>

export default {
  name: "thirdAuth",
  data() {
    return {
      type: 0
    }
  },
  mounted() {},
  methods: {
    goOut(){
      this.$router.replace({
        name: 'allCompany'
      })
    },
    goCurrentIndex(){
      this.$emit("goIndex", 1)
    }
  }
}
</script>

<style scoped lang="scss">
.thirdAuth{
  padding-top: 120px;
  .thirdAuthBody{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 120px;
    >div{
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      >div:nth-child(2){
        margin: 20px 0;
      }
    }
  }
  .thirdAuthFooter{
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
</style>